clearfix()
	&::before, &::after
		content: ""
		display: table
		clear: both

hide-text()
	text-indent: 100%
	white-space: nowrap
	overflow: hidden

list-unstyled()
	list-style: none
	padding-left: 0
	margin-left: 0

stripe(even = white, odd = light-color)
	tr
		background-color: odd
	tr.even
	tr:nth-child(even)
		background-color: even

// Center
center()
	top: 50%
	left: 50%
	transform: translate(-50%, -50%)

// Horizontal Center
center-x()
	left: 50%
	transform: translateX(-50%)

// Vertical Center
center-y()
	top: 50%
	transform: translateY(-50%)

// Border
border-radius(n)
	border-radius: n

border-top-radius(n)
	border-top-left-radius: n
	border-top-right-radius: n

border-right-radius(n)
	border-top-right-radius: n
	border-bottom-right-radius: n

border-bottom-radius(n)
	border-bottom-left-radius: n
	border-bottom-right-radius: n

transition(transition)
	transition: transition

sizing(size)
	width: size
	height: size
rounded-circle(size)
	sizing(size)
	border-radius: size / 2

bg-image($url)
	background-image: url($url + ".png")
	@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2)
		background-image: url($url + "@2x.png")

// Media queries
